page{
    background-color: var(--bgColor);
}
// 收货地址
.address{
    margin: 20rpx;
    padding: 20rpx 30rpx;
    background-color: #fff;
    border-radius: 5rpx;
    // 最小高度，如果用户地址超过3行，也能适应
    min-height: 188rpx;
    box-sizing: border-box;
    &_detail{
        font-size: 30rpx;
        font-weight: bold;
    }
    &_userinfo{
        margin: 20rpx 0;
        font-size: 26rpx;
    }
    // 选择地址按钮
    &_btn{
        width: 300rpx;
        height: 90rpx;
        border-radius: 45rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        // 文字颜色
        color: var(--mainColor);
        // currentColor 文字颜色
        border: 1rpx solid currentColor;
        // 按钮父盒子
        &_wrap{
            // inherit  继承，继承父级的最小高
            min-height: inherit;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

// 已选商品列表
.choose{
    margin: 20rpx;
    padding: 20rpx 30rpx;
    background-color: #fff;
    &_title{
        font-weight: bold;
    }
    &_item{
        position: relative;
        &_count{
            position: absolute;
            right: 20rpx;
            bottom:20rpx;
        }
    }
}

// 购物车底部操作栏
.bar{
    display: flex;
    padding: 0 20rpx;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    height: 82rpx;
    position: fixed;
    // 定位的盒子的默认是没有宽高的，只会被内容撑出宽高
    // left + right  拉伸出一个盒子宽
    // top + bottom  拉伸出一个盒子高
    left:0;
    right: 0;
    bottom:0;
    &_info{
        display: flex;
        align-items: center;
    }
    &_total{
        display: flex;
        align-items: center;
        &_txt{
            font-size: 26rpx;
        }
        &_price{
            color: var(--mainColor);
            &::before{
                content: "¥";
                font-size: 80%;
            }
        }
    }
    // 结算按钮
    &_btn{
        background-color: var(--mainColor);
        color:#fff;
        height: 52rpx;
        border-radius: 52rpx/2;
        min-width: 150rpx;
        font-size: 24rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        &.disabled{
            background-color: var(--fadeColor);
        }
    }
}